<template>
  <div id="app">
    <span id="tp-weather-widget" class="tp-weather-widget" />
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    /* eslint-disable */
    this.$nextTick(function () {
      import('@/utils/weather').then(() => {
        tpwidget("init", {
          "flavor": "slim",
          "location": "WX4FBXXFKE4F",
          "geolocation": "enabled",
          "language": "auto",
          "unit": "c",
          "theme": "chameleon",
          "container": "tp-weather-widget",
          "bubble": "enabled",
          "alarmType": "circle",
          "uid": "UC5D2D692B",
          "hash": "19d782dd9452a8fc86f8877400912707"
        });
        tpwidget("show");
      })
    })
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
#tp-weather-widget {
  height: 35px;
  display: inline-block;
  position: fixed;
  top: 50px;
  right: 90px;
  z-index: 100000;
  pointer-events: none;
}
</style>
